<template>
    <div class="siteTitle">
        <h1>下北泽社区</h1>
        <span>*目前暂不对外开放留言功能*</span>
    </div>
    <div class="CommunityBox">

        <el-row :gutter="20">
            <el-col :span="4"><div class="nothing"></div></el-col>
            <el-col :span="16">
                <el-row :gutter="0">
                    <el-col :span="6">
                        <div class="UserBust">
                            <img src="../../../public/pic/Community/UserBust/Yuumo.jpg">
                        </div>
                    </el-col>
                    <el-col :span="18">
                        <div class="ContentBox">
                            <h2>妖梦的阎魔刀</h2>
                            <h4>评论于40分钟前</h4>
                            今天哭火炎村的糯米新品，真的是太香了！建议粥吧老爷们都来尝一尝😋这是我喝过哭火炎村的最好喝的饮品！！
                            <div class="article-img">
                                <img src="../../../public/pic/Community/ContentImg/MXBC.jpg" alt="" srcset="">
                            </div>
                        </div>
                    </el-col>
                </el-row>
            </el-col>
            <el-col :span="4"><div class="nothing"></div></el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="4"><div class="nothing"></div></el-col>
            <el-col :span="16">
                <el-row :gutter="0">
                    <el-col :span="6">
                        <div class="UserBust">
                            <img src="../../../public/pic/Community/UserBust/Kita.jpg">
                        </div>
                    </el-col>
                    <el-col :span="18">
                        <div class="ContentBox">
                            <h2 style="color: black;">后藤桑的金箔</h2>
                            <h4>评论于53分钟前</h4>
                            都几点钟了？怎么还有这么多老登不睡觉的？<br>
                            哦jio撒嘛，its time to go to bed🤲<br>
                            又在看手机啊<br>
                            熬夜的话<br>
                            皮肤就会变坏的<br>
                            最后的警告<br>
                            现在还不睡的话<br>
                            我们就要跳舞了<br>
                            呀嘞呀嘞<br>
                            拦不住的哦jio撒嘛<br>
                        </div>
                    </el-col>
                </el-row>
            </el-col>
            <el-col :span="4"><div class="nothing"></div></el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="4"><div class="nothing"></div></el-col>
            <el-col :span="16">
                <el-row :gutter="0">
                    <el-col :span="6">
                        <div class="UserBust">
                            <img src="../../../public/pic/Community/UserBust/L.jpg">
                        </div>
                    </el-col>
                    <el-col :span="18">
                        <div class="ContentBox">
                            <h2>我是L</h2>
                            <h4>评论于2小时前</h4>
                            我知道killer是谁了！他的名字肯定是夜神月！绝对没有错！
                        </div>
                    </el-col>
                </el-row>
            </el-col>
            <el-col :span="4"><div class="nothing"></div></el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="4"><div class="nothing"></div></el-col>
            <el-col :span="16">
                <el-row :gutter="0">
                    <el-col :span="6">
                        <div class="UserBust">
                            <img src="../../../public/pic/Community/UserBust/JCL.jpg">
                        </div>
                    </el-col>
                    <el-col :span="18">
                        <div class="ContentBox">
                            <h2>月球退休工</h2>
                            <h4>评论于2小时前</h4>
                            想你了，BYD记忆<br>
                            風の声光の粒<br>
                            まどろむ君にそそぐ<br>
                            忘れない優しい微笑み悲しさ隠した瞳を<br>
                            願うこと 辛くても 立ち向かう 勇気君に貰った だから行くね<br>
                            夢の中 目覚めたら また会えるよ<br>
                            遠い 記憶 胸に秘め 歌う<br>
                            儚くたゆたう 世界を 君の手で 守ったから<br>
                            今はただ 翼をたたんで ゆっくり 眠りなさい<br>
                            永遠の 安らぎに つつまれて love through all eternity <br>
                        </div>
                    </el-col>
                </el-row>
            </el-col>
            <el-col :span="4"><div class="nothing"></div></el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="4"><div class="nothing"></div></el-col>
            <el-col :span="16">
                <el-row :gutter="0">
                    <el-col :span="6">
                        <div class="UserBust">
                            <img src="../../../public/pic/Community/UserBust/YRSK.png">
                        </div>
                    </el-col>
                    <el-col :span="18">
                        <div class="ContentBox">
                            <h2>所以我放弃了少女歌剧<span style="color: red;font-size: 20px;">*此用户已被限制发言*</span></h2>
                            <h4>评论于3小时前</h4>
                            这就是我想看到的养老院社区啊！啊！请再多来点吧！
                            <img src="../../../public/pic/Community/ContentImg/KG.jpg" alt="" srcset="">
                        </div>
                    </el-col>
                </el-row>
            </el-col>
            <el-col :span="4"><div class="nothing"></div></el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="4"><div class="nothing"></div></el-col>
            <el-col :span="16">
                <el-row :gutter="0">
                    <el-col :span="6">
                        <div class="UserBust">
                            <img src="../../../public/pic/Community/UserBust/GQYJ.jpg">
                        </div>
                    </el-col>
                    <el-col :span="18">
                        <div class="ContentBox">
                            <h2 style="color: black;">宫崎帅比</h2>
                            <h4>评论于4小时前</h4>
                            我从来没有玩老头环开心过，就你XXXX在游戏里面堆一大堆粪怪是吧？早上起床玩的差点就气喘了！！
                        </div>
                    </el-col>
                </el-row>
            </el-col>
            <el-col :span="4"><div class="nothing"></div></el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="4"><div class="nothing"></div></el-col>
            <el-col :span="16">
                <el-row :gutter="0">
                    <el-col :span="6">
                        <div class="UserBust">
                            <img src="../../../public/pic/Community/UserBust/XDXF.jpg">
                        </div>
                    </el-col>
                    <el-col :span="18">
                        <div class="ContentBox">
                            <h2>小島秀夫</h2>
                            <h4>评论于5小时前</h4>
                            这个喜欢<br>
                            <img src="../../../public/pic/Community/ContentImg/LCRC.gif" alt="" srcset="">
                        </div>
                    </el-col>
                </el-row>
            </el-col>
            <el-col :span="4"><div class="nothing"></div></el-col>
          </el-row>
          
          <Tips>
            <p style="text-align:center;margin-top:50px;margin-bottom:50px;">
                网站后端资源维护中...
                <br>
                维护完成时，将把以往文章资源重新开放...
            </p>
        </Tips>

        <el-backtop :bottom="100">
            <div
              style="
                height: 100%;
                width: 100%;
                background-color: rgb(144, 218, 255);
                text-align: center;
                line-height: 40px;
                color: #1989fa;
                border-radius: 50%;
              "
            >
              ↑
            </div>
          </el-backtop>
    </div>
</template>

<style>
.el-row {
  margin-bottom: 20px;
}
.el-row:last-child {
  margin-bottom: 0;
}
.el-col {
  border-radius: 4px;
}

.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.UserBust {
  background-color: #f2f2f2;
  text-align: center;
  font-size: 18px;
  padding: 10px;
}
.UserBust img {
  width: 100%;
  height: 100%;
}
.ContentBox {
    background-color: #f2f2f2;
    text-align: left;
    font-size: 18px;
    padding: 10px;
}
.ContentBox h2 {
    color: rgb(255, 138, 230);
}
</style>